<!--{subtemplate common/header}-->
<section class="container-fy">
    <div>
        <link href="source/plugin/fytools/template/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="source/plugin/fytools/template/css/main.css" rel="stylesheet" type="text/css">
        <script src="source/plugin/fytools/template/js/vendor/jquery-1.12.0.min.js" type="text/javascript"></script>
        <script src="source/plugin/fytools/template/js/vendor/bootstrap.min.js" type="text/javascript"></script>
        <script src="source/plugin/fytools/template/js/vendor/mobiscroll_002.js" type="text/javascript"></script>
        <script src="source/plugin/fytools/template/js/vendor/mobiscroll_004.js" type="text/javascript"></script>
        <link href="source/plugin/fytools/template/css/mobiscroll_002.css" rel="stylesheet" type="text/css">
        <link href="source/plugin/fytools/template/css/mobiscroll.css" rel="stylesheet" type="text/css">
        <script src="source/plugin/fytools/template/js/vendor/mobiscroll.js" type="text/javascript"></script>
        <script src="source/plugin/fytools/template/js/vendor/mobiscroll_003.js" type="text/javascript"></script>
        <script src="source/plugin/fytools/template/js/vendor/mobiscroll_005.js" type="text/javascript"></script>
        <link href="source/plugin/fytools/template/css/mobiscroll_003.css" rel="stylesheet" type="text/css">
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="phone">

            </div>
        </div>
        <div class="col-xs-6">
            <form role="form" class="query-model form-horizontal" style="border-color:#eb4f38 ;padding-top:100px;"onsubmit="return checkSubmit();" action="plugin.php?id=fytools:lunar&query=query" method="post">
                <div class="title">黄历查询</div>
                <div class="form-group">
                    <label for="date" class="col-xs-3 col-xs-3 control-label">请选择新历</label>
                    <div class="col-xs-6">
                        <input type="text" class="form-control" id="date" onclick="hideError()" name="date">
                    </div>
                    <div class="col-xs-3 error display-none">请选择日期</div>
                </div>
                <input type="submit" value="按钮" class="submit-query" style="background: #eb4f38;">
            </form>
        </div>
    </div>
</section>
<script>
    $(document).ready(function(){
        var opt={};
        opt.date = {preset : 'date'};
        opt.default = {
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式
            mode: 'scroller', //日期选择模式
            dateFormat: 'yyyy-mm-dd',
            lang: 'zh',
            showNow: true,
            nowText: "今天",
        };

        $("#date").mobiscroll($.extend(opt['date'], opt['default']));

    })
    function checkSubmit(){
        if($("#date").val().trim()==""||!$("#date").val()){
            $(".error").removeClass("display-none");
            return false;
        }else{
            $(".error").addClass("display-none");
            return true;
        }
    }
    function hideError () {
        $(".error").addClass("display-none");
    }
</script>
</body>
{subtemplate common/footer}